<template>
	<div class="x-bg-white">
		<div class="w-100 x-bg-light">
			<div class="container">
				<div class="x-space-between x-pt-s x-pb-s">
					<div class="x-row">
						<span class="x-h5 x-primary x-mr-m">全成都</span>
						<span class="x-h5 x-black">[切换城市]</span>
					</div>
					<div class="x-row">
						<nuxt-link to="/" class="x-h5 x-black x-mr-l">登录/注册</nuxt-link>
						<nuxt-link to="/" class="x-h5 x-black x-mr-l">个人中心</nuxt-link>
						<nuxt-link to="/" class="x-h5 x-black x-mr-l">联系客服</nuxt-link>
						<nuxt-link to="/" class="x-h5 x-black x-mr-l">帮助</nuxt-link>
					</div>
				</div>
			</div>
		</div>
		<div class="container x-pt-m x-pb-l x-pl-s x-pr-s"><img src="../static/img/zp200616.png" class="w-100" alt="" /></div>
		<div class="container x-pt-m x-pb-l">
			<div class="x-space-between x-align-center">
				<div class="x-row x-align-center">
					<img src="../static/img/logo.png" class="logo zwyHeightSec" alt="" />
					<div href="" class="zwyHover1 x-ml-m x-primary">成都人自己的搜索平台</div>
				</div>
				<div class="x-col">
					<a-input-search style="width: 400px" size="large" placeholder="求职/找房/找服务" enter-button>
						<a-button type="primary" slot="enterButton"><span class="x-h6 x-white">搜索</span></a-button>
					</a-input-search>
					<div class="x-row x-mt-s"><a href="" v-for="item in 10" class="x-h6 x-black9 x-mr-m">热搜</a></div>
				</div>
				<div class="x-col x-align-center">
					<a-button type="primary" size="large"><span class="x-h6 x-white">免费发布信息</span></a-button>
					<div class="x-row x-mt-s "><a href="" class="x-h6 x-black9">修改/删除信息</a></div>
				</div>
			</div>
		</div>
		<div class="container">
			<a-menu class="x-ml-s x-mr-s" :default-selected-keys="['1']" theme="light" mode="horizontal" :style="{ lineHeight: '34px' }">
				<a-menu-item key="1"><nuxt-link to="/">首页</nuxt-link></a-menu-item>
				<a-menu-item key="2"><nuxt-link to="/information">新闻</nuxt-link></a-menu-item>
				<a-menu-item key="3"><nuxt-link to="/login">登录</nuxt-link></a-menu-item>
				<a-menu-item key="4"><nuxt-link to="/test">测试</nuxt-link></a-menu-item>
				<a-menu-item key="5"><nuxt-link to="/publish">发布</nuxt-link></a-menu-item>
				<a-menu-item key="6"><nuxt-link to="/center">个人中心</nuxt-link></a-menu-item>
			</a-menu>
		</div>
	</div>
</template>
<script>
// 例如：import 《组件名称》 from '《组件路径》'
export default {
	// import引入的组件需要注入到对象中才能使用
	components: {},
	data() {
		// 这里存放数据
		return {
			title: '测试'
		};
	},
	// 监听属性 类似于data概念
	computed: {},
	// 监控data中的数据变化
	watch: {},
	// 生命周期 - 创建完成（可以访问当前this实例）
	created() {},
	// 生命周期 - 挂载完成（可以访问DOM元素）
	mounted() {},
	beforeCreate() {},
	// 生命周期 - 创建之前
	beforeMount() {},
	// 生命周期 - 挂载之前
	beforeUpdate() {},
	// 生命周期 - 更新之前,
	updated() {},
	// 生命周期 - 更新之后
	beforeDestroy() {},
	// 生命周期 - 销毁之前
	destroyed() {},
	// 生命周期 - 销毁完成
	activated() {},
	// 方法集合
	methods: {}
	// 如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style scoped>
.logo {
	width: 120px;
}
</style>
